// pages/assembly/assembly3/assembly3.js
Page({

   /**
    * 页面的初始数据
    */
   data: {
      indicatorDots: false,
      indicatorColor: "#000000",
      indicatorActiveColor: "#000000",
      autoplay: false,
      interval: 3000,
      duration: 500,
      circular: false,
      vertical: false,
      previousMargin: "0rpx",
      nextMargin: "0rpx",
      displayMultipleItems: 1,
      flag: ""
   },

   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {

   },
   indicatorDots() { // 是否显示面板指示点
      this.setData({
         indicatorDots: !this.data.indicatorDots
      })
   },
   indicatorColor(event) { // 指示点颜色
      var color = event.detail.value.toString()
      this.setData({
         indicatorColor: "#" + color
      })
   },
   indicatorActiveColor(event) { // 当前选中的指示点颜色
      var color = event.detail.value.toString()
      this.setData({
         indicatorActiveColor: "#" + color
      })
   },
   autoplay() { // 是否自动切换
      this.setData({
         autoplay: !this.data.autoplay
      })
   },
   interval(event) { // 自动切换时间间隔
      this.setData({
         interval: event.detail.value.toString()
      })
   },
   duration(event) { // 自动切换时间间隔
      this.setData({
         duration: event.detail.value.toString()
      })
   },
   circular() { // 是否采用衔接滑动
      this.setData({
         circular: !this.data.circular
      })
   },
   vertical() { // 滑动方向是否为纵向
      this.setData({
         vertical: !this.data.vertical
      })
   },
   previousMargin(event) { // 前边距，可用于露出前一项的一小部分
      this.setData({
         previousMargin: event.detail.value.toString() + "rpx"
      })
   },
   nextMargin(event) { // 后边距，可用于露出前一项的一小部分
      this.setData({
         nextMargin: event.detail.value.toString() + "rpx"
      })
   },
   displayMultipleItems(event) { // 同时显示的滑块数量
      this.setData({
         displayMultipleItems: event.detail.value.toString()
      })
   },
   bindchange1(event) { // 是否开启动画切换触发事件
      // source字段有两种格式：
      // autoplay 自动播放导致swiper变化；
      // touch 用户划动引起swiper变化
      console.log(event.detail.current, event.detail.source)
   },
   bindchange(event) {
      var flag = event.detail.value ? "bindchange1" : ""
      console.log(event.detail.value)
      this.setData({
         flag: flag
      })
   },









   /**
    * 生命周期函数--监听页面初次渲染完成
    */
   onReady: function () {
      // 使用 wx.createContext 获取绘图上下文 context
      var context = wx.createCanvasContext('firstCanvas')

      context.setStrokeStyle("#00ff00")
      context.setLineWidth(5)
      context.rect(0, 0, 200, 200)
      context.stroke()
      context.setStrokeStyle("#ff0000")
      context.setLineWidth(2)
      context.moveTo(160, 100)
      context.arc(100, 100, 60, 0, 2 * Math.PI, true)
      context.moveTo(140, 100)
      context.arc(100, 100, 40, 0, Math.PI, false)
      context.moveTo(85, 80)
      context.arc(80, 80, 5, 0, 2 * Math.PI, true)
      context.moveTo(125, 80)
      context.arc(120, 80, 5, 0, 2 * Math.PI, true)
      context.stroke()
      context.draw()
   },

   /**
    * 生命周期函数--监听页面显示
    */
   onShow: function () {

   },

   /**
    * 生命周期函数--监听页面隐藏
    */
   onHide: function () {

   },

   /**
    * 生命周期函数--监听页面卸载
    */
   onUnload: function () {

   },

   /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
   onPullDownRefresh: function () {

   },

   /**
    * 页面上拉触底事件的处理函数
    */
   onReachBottom: function () {

   },

   /**
    * 用户点击右上角分享
    */
   onShareAppMessage: function () {

   }
})